<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>司机认证</title>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <!--<link rel="stylesheet" href="css/DriverCertification.css" />-->
<style>
	
	*{
	margin: 0;
	padding: 0;
	}
	html,body{
		background-color: white;
	}
	#content{
		background-color: white;
	}
	#leftReturn{
		color: white;
	}
	#title{
		color: white;
		font-weight: 700;
	}
	#from-title{
		padding-top: 20px;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	#from-text{
		background-color: #EFEFF4;
		margin-bottom: 15px;
		width: 90%;
		margin-left: 20px;
	}
	#from-text input{
		color: #000000;
	}
	#tijiao{
		width: 90%;
		margin-left: 20px;
		background-color: darkturquoise ;
	}
	#from2-title{
		background-color:#EFEFF4 ;
		margin-bottom: 15px;
		width: 90%;
		height: 50px;
		margin-left: 20px;
		text-align: center;
		padding-top: 15px;
		font-size: 20px;
	}
	#wjsc{
		margin-left: 15px;
		margin-bottom: 20px;
	}

</style>
</head>
<body>
	
	<header class="mui-bar mui-bar-nav" style="background-color: darkturquoise;">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" id="leftReturn"></a>
	    <h1 class="mui-title" id="title">司机认证</h1>
	</header>
	<!--外层套一个div-->
	<div id="content" class="mui-content">
		<div id="slider" class="mui-slider">
            <img src="images/Driver_infotitle.png" style="width: 100%;"/>
          	<form class="mui-input-group" style="height:500px;">
                    		<div id="from-title">基本信息</div>
                    	    <div class="mui-input-row" id="from-text">
                    	        <input type="text" class="mui-input-clear" placeholder="所在城市"  >
                    	        <!--<span class="mui-icon mui-icon-forward"></span>-->
                    	    </div>
                    	    <div class="mui-input-row" id="from-text">
                    	        <input type="text" class="mui-input-clear" placeholder="请输入真实姓名（与身份证保持一致）">
                    	    </div>
                    	    <div class="mui-input-row" id="from-text">
                    	        <input type="text" class="mui-input-clear" placeholder="请输入身份证号码">
                    	    </div>
                    	    <div class="mui-input-row" id="from-text">
                    	        <input type="text" class="mui-input-clear" placeholder="请输入6位车牌号">
                    	    </div>
                    	    <div class="mui-input-row" id="from-text">
                    	        <input type="text" class="mui-input-clear" placeholder="车型">
                    	    </div>
                    	    <button id="tijiao" type="button" data-loading-icon="mui-spinner mui-spinner-custom" class="mui-btn mui-btn-primary">下一步</button>
                    	</form>
                </div>
                
            </div>

	<script src="js/mui.min.js"></script>
	<script type="text/javascript" charset="utf-8">
	  	mui.init();
	</script>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	
</body>
</html>